<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<div class="grid align__item">
    <div class="register">
        <svg xmlns="http://www.w3.org/2000/svg" class="site__logo" width="56" height="84"
             viewBox="77.7 214.9 274.7 412">
            <defs class="svg-defs">
                <linearGradient id="a" x1="0%" y1="0%" y2="0%">
                    <stop offset="0%" stop-color="#8ceabb"/>
                    <stop offset="100%" stop-color="#378f7b"/>
                </linearGradient>
            </defs>
            <path fill="url(#a)"
                  d="M215 214.9c-83.6 123.5-137.3 200.8-137.3 275.9 0 75.2 61.4 136.1 137.3 136.1s137.3-60.9 137.3-136.1c0-75.1-53.7-152.4-137.3-275.9z"/>
        </svg>
        <h2>Sign Up</h2>
        <form action="" method="post" class="form">
            <div class="form__field">
                <input type="email" placeholder="css-demo@test.com"/>
            </div>
            <div class="form__field">
                <input type="password" placeholder="••••••••••••"/>
            </div>
            <div class="form__field">
                <input type="submit" value="Sign Up">
            </div>
            <p>Already have an account? <a href="#">Log in</a></p>
        </form>
    </div>
</div>
</body>
</html>